<div fxLayout="column" class="fullscreen">
    <header class="app-header noshrink">
        <div class="margin-l">
            <img class="header-logo" src="./assets/images/app-logo.png">
        </div>
        <span class="margin-l-xs">{{store ? store.merchant.storeName : ""}}</span>
    </header>
    <div fxLayout="column" fxFlex="100%">
        <div fxLayout="column" class="padding" fxFlex="50%">
            <span>绑定店铺终端</span>
            <md-input-container class="v-gap-s text-s pct100">
                <input mdInput placeholder="终端名称" [(ngModel)]="deviceName">
            </md-input-container>
        </div>
        <div class="padding" fxLayout="column" fxFlex="50%">
            <button class="pct100 bgcolor-primary content-btn color-white" md-button (click)="onStart()">立即绑定</button>
            <div class="v-gap-s text-s" fxLayout="column">
                <span>如何设置终端名称？</span>
                <span class="v-gap color-lightgray">终端名称用于记录业务发生时所用的设备（例如流水号前缀），可以修改为具有可读性的名称。例如：大厅店员宝1</span>
            </div>
        </div>
    </div>
</div>